<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/sort.css" />
		<link rel="stylesheet" type="text/css" href="./icon/font_9hkdikz01js/iconfont.css" />
	</head>
	<body>
		<div class="sort-container">
			<div class="sort-search-box">
				<div class="sort-search">
					<input type="text" name="" id="" value="" placeholder="搜索商品,共10000款好物" />
					<div class="ser-icon"><span class="iconfont icon-fangdajing"></span></div>
				</div>
			</div>
			<div class="sort-content">
				<div class="sort-nav">
					<li>
						<a href="#"><span>女式</span></a>
						<div class="redline disblock"></div>
						
					</li>
					<li>
						<a href="#"><span>男式</span></a>
					<div class="redline disnone"></div>
					</li>
					<li>
						<a href="#"><span>婴童</span></a>
					<div class="redline disnone"></div>
					</li>
					<li>
						<a href="#"><span>居家</span></a>
					<div class="redline  disnone"></div>
					</li>
					<li>
						<a href="#"><span>配饰</span></a>
					<div class="redline disnone"></div>
					</li>
					<li>
						<a href="#"><span>餐厨</span></a>
					<div class="redline disnone"></div>
					</li>
					<li>
						<a href="#"><span>饮食</span></a>
					<div class="redline disnone"></div>
					</li>
					<li>
						<a href="#"><span>杂货</span></a>
					<div class="redline disnone"></div>
					</li>

				</div>
				<div class="sort-detail">
					<div class="sort-detail-c">
					<div class="sort-detail-c-header"><img src="./img/sort_img/03-1分类-女士_03.png" alt=""></div>
				<div class="sort-detail-c-title">
					<div class="sort-detail-c-title-l"></div>
					<div class="sort-detail-c-title-word"><span>女士分类</span></div>
					<div class="sort-detail-c-title-l"></div>
				</div>
				<div class="sort-detail-cc">
					<li>
						<a href="#"><div class="sort-detail-cc-img"><img src="./img/sort_img/sort_09.png" ></div>
						<div class="sort-detail-cc-name"><span>衬衫</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_06.png" ></div>
						<div class="sort-detail-cc-name"><span>T恤</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_03.png" ></div>
						<div class="sort-detail-cc-name"><span>连衣裙</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_21.png" ></div>
						<div class="sort-detail-cc-name"><span>卫衣</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_15.png" ></div>
						<div class="sort-detail-cc-name"><span>大衣</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_18.png" ></div>
						<div class="sort-detail-cc-name"><span>裤装</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_30.png" ></div>
						<div class="sort-detail-cc-name"><span>家居服</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_27.png" ></div>
						<div class="sort-detail-cc-name"><span>羽绒服</span></div>
					</a>
					</li>
					<li>
						<a href="#">
						<div class="sort-detail-cc-img"><img src="./img/sort_img/sort_33.png" ></div>
						<div class="sort-detail-cc-name"><span>鞋靴</span></div>
					</a>
					</li>
				</div>
				</div>
				</div>
			</div>
		<div class="perctr-bot">
				<div class="perctr-bot-c">
					<li>
						<a href="#"><div><img src="./img/index_img/icon-5.png" alt=""></div>
						<div>首页</div></a>
					</li>
					<li>
						<a href="#"><div><img src="./img/index_img/icon-6.png" alt=""></div>
						<div>优选</div></a>
					</li>
					<li>
						<a href="#"><div><img src="./img/index_img/icon-14.png" alt=""></div>
						<div>分类</div></a>
					</li>
					<li>
						<a href="#"><div><img src="./img/index_img/icon-7.png" alt=""></div>
						<div>购物车</div></a>
					</li>
					<li>
						<a href="#"><div><img src="./img/index_img/icon-8.png" alt=""></div>
						<div>我的</div></a>
					</li>
				</div>
				</div>
		
		</div>
		



		<script src="./lib/jquery/jquery-3.6.0.min.js"></script>
		<script src="js/sort.js"></script>
	</body>
</html>
